<template>
  <div>
    <el-dialog title="伪线索上报" append-to-body :visible.sync="open">
      <el-form :model="form" ref="form" :rules="rules">
        <el-form-item label="原因" prop="reason">
          <el-select v-model="form.reason">
            <el-option v-for="item in dict.type.reasons_for_reporting"
                       :label="item.label"
                       :value="item.value"
                       :key="item.value">
            </el-option>
          </el-select>
        </el-form-item>
        <el-form-item label="备注">
          <el-input type="textarea" v-model="form.remark"></el-input>
        </el-form-item>
      </el-form>
      <div slot="footer" class="dialog-footer">
        <el-button @click="open = false">取 消</el-button>
        <el-button type="primary" @click="submitForm">确 定</el-button>
      </div>
    </el-dialog>
  </div>
</template>

<script>
  import {falseClue} from "@/api/crm/clueTrack";

  export default {
    name: "false-clue",
    dicts: ['reasons_for_reporting'],
    data() {
      return {
        id: null,
        open: false,
        form: {},
        rules: {
          reason: [{required: true, message: '原因不能为空', trigger: 'blur'}],
        },
      }
    },
    created() {
    },
    methods: {
      // 提交
      submitForm() {
        this.$refs.form.validate(valid => {
          if (valid) {
            this.form.id = this.id;
            falseClue(this.form).then(() => {
              this.$message.success('操作成功！');
              this.open = false;
              this.$emit('success');
            });
          }
        });
      },
      //  表单重置
      resetForm() {
        this.form = {
          reason: null,
          remark: null,
        }
      }
    }
  }
</script>

<style scoped>

</style>
